<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<link rel="stylesheet" href="css/homepage.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/fill.css"/>
	</head>
	<body>
		<div class="HomePage">
			<!--头部-->
		
			<div class="HomePagehead">
				<div class="HomePagehead-list">
					<div class="HomePagehead-img">
						<img src="images/hp1.png"/>
						
						
					</div>
					<div class="HomePagehead-img1">
						<div class="HomePagehead-img1-div">
							<img src="images/hp4.png"/>
							<p>
								180****0220刚刚购买了<br />
								骑行服201706CP......
							</p>
						</div>
						
					</div>
					<div class="HomePagehead-img2">
						<div class="HomePage-input">
							<input type="text" name="" id="" value="" placeholder="骑行短裤"/>
							<a href=""><img src="images/hp2.png"/></a>
						</div>
						
					</div>
					<div class="HomePagehead-img3">
						<p><a href="log.html">登录/</a><a href="registered.html">注册</a></p>
						<span id="">
							<a href="car.html"><img src="images/hp3.png"/></a>
						</span>
					</div>
					
				</div>
				<div class="HomePagehead-list1">
					<ul class="cleanfloat clearfix">
						<li>
							<a href="HomePage.html">首页</a>
						</li>
						
						<li>
							<a href="Run.html">跑步</a>
							<ul>
								
								<li>
									<a href="">
									<img src="img/run51.png"/>
									<p>短袖</p>
									</a>
								</li>
								
								<li>
									<a href="">
										<img src="img/run52.png"/>
										<p>短裤</p>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/run53.png"/>
									<p>背心</p>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/run54.png"/>
									<p>运动内衣</p>
									</a>
								</li>
								
							</ul>
						</li>
						
						<li>
							<a href="Riding.html">骑行</a>
							<ul>
								
								<li>
									<a href="">
									<img src="img/run51.png"/>
									<p>短袖</p>
									</a>
								</li>
								
								<li>
									<a href="">
										<img src="img/run52.png"/>
										<p>短裤</p>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/run53.png"/>
									<p>背心</p>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/run54.png"/>
									<p>运动内衣</p>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/run55.png"/>
									<p>长裤</p>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/run56.png"/>
									<p>长袖</p>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/run57.png"/>
									<p>马夹</p>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/run58.png"/>
									<p>腿套</p>
									</a>
								</li>
								
							</ul>
						</li>
						
						<li>
							<a href="Iron Man.html">铁三</a>
							<ul>
								
								<li>
									<a href="">
									<img src="img/run60.png"/>
									<p>短袖铁三服</p>
									</a>
								</li>
								
								<li>
									<a href="">
										<img src="img/run61.png"/>
										<p>无袖铁三服</p>
									</a>
								</li>
								
								
								
							</ul>
						</li>
						
						<li>
							<a href="Novice.html">新手学堂</a>
						</li>
					</ul>
					
					
				</div>
				
			</div>
	<div class="car">
			<div class="car-process">
				<div class="my-car fl">
					
					<img src="images/car_03.jpg">
					<p class="my-car-num fr">01</p>
					<p class="my-car-line fr"></p>
					<p class="my-car-text fr">我的购物车</p>
					<p class="my-car-time">2016-10-09<br>19:10:00</p>
				</div>
				<div class="check-car fl"><img src="images/fill_03.jpg">
				<p class="my-car-num fr">02</p>
					<p class="my-car-line fr"></p>
					<p class="my-car-text fr">填写核对订单</p>
					
				</div>
				<div class="success-car fl">
					<img src="images/car_07.jpg">
					<p class="my-car-num fr">03</p>
					<p class="my-car-line fr"></p>
					<p class="my-car-text fr">成功提交订单</p>
				</div>
			</div>
			<div class="car-line">
				<div class="car-line1-1"></div>
			</div>
			<div class="car-title"><p>收货人信息</p></div>
		    <form>
		    	<div class="zong">
		    	<div class="area fl"><span>*</span>所在地区 : </div>
		    	<div class="city fl">
		    		<input type="text" placeholder="选择省份" class="shuru fl"></input>
		    		<a class="xiaojiao fr">∨
		    			<ul>
		    				<li>广东省</li>
		    				<li>广东省</li>
		    				<li>广东省</li>
		    				<li>广东省</li>
		    				<li>广东省</li>
		    				<li>广东省</li>
		    				<li>广东省</li>
		    			</ul>
		    		</a>
		    	</div>
		    	<div class="city city2 fl">
		    		<input type="text" placeholder="选择市" class="shuru fl"></input>
		    		<a class="xiaojiao fr">∨
		    			<ul>
		    				<li>广州市</li>
		    				<li>广州市</li>
		    				<li>广州市</li>
		    				<li>广州市</li>
		    				<li>广州市</li>
		    				<li>广州市</li>
		    				<li>广州市</li>
		    			</ul>
		    		</a>
		    	</div>
		    	<div class="city city2 fl">
		    		<input type="text" placeholder="选择区" class="shuru fl"></input>
		    		<a class="xiaojiao fr">∨
		    			<ul>
		    				<li>天河区</li>
		    				<li>天河区</li>
		    				<li>天河区</li>
		    				<li>天河区</li>
		    				<li>天河区</li>
		    				<li>天河区</li>
		    				<li>天河区</li>
		    			</ul>
		    		</a>
		    	</div>
		    	</div>
		        <div class="address">
		        	<div class="address-text fl"><span>*</span>详细地址 : </div>
		        	<div class="address-yu ">
		        		<textarea placeholder="请填写详细地址"></textarea>
		        	</div>
		        	<div class="address-tip clearfix">建议您如实填写详细收货地址,例如街道名称，门牌号码，楼层和房间号等信息</div>
		        </div>
		        <div class="ems">
		        	<div class="ems-text fl">邮政编码 : <input type="text"> <span>如您不清楚邮递区号，请填写000000</span></div>
		        </div>
		        <div class="people">
		        	<div class="people-text fl"><span>*</span>收货人姓名 : </div>
		        	<div class="people-input"><input type="text"></div>
		        </div>
		        <div class="phone">
		        	<div class="phone-text fl">手机号码 : </div>
		        	<div class="phone-code fl">
		    		<input type="text" placeholder="中国大陆+86" class="shuru fl"></input>
		    		<a class="xiaojiao fr">∨
		    			<ul>
		    				<li>中国大陆+86</li>
		    				<li>香港+852</li>
		    				<li>台湾+886</li>
		    				<li>澳门+853</li>
		    			</ul>
		    		</a>
		    	</div>
		    	<div class="phone-area"><input type="text"></div>
		        </div>
		        <div class="phone">
		        	<div class="phone-text fl">电话号码 : </div>
		        	<div class="phone-code fl">
		    		<input type="text" placeholder="中国大陆+86" class="shuru fl"></input>
		    		<a class="xiaojiao fr">∨
		    			<ul>
		    				<li>中国大陆+86</li>
		    				<li>香港+852</li>
		    				<li>台湾+886</li>
		    				<li>澳门+853</li>
		    			</ul>
		    		</a>
		    	</div>
		    	<div class="phone-san">
		    		<input type="text" class="phone-san1" placeholder="区号">
		    		<a> - </a>
		    		<input type="text" class="phone-san2" placeholder="电话号码">
		    		<a> - </a>
		    		<input type="text" class="phone-san3" placeholder="分机">
		    	</div>
		    	<div class="phone-tip fl">手机号码和电话号码必须填一项</div>
		        </div>
		        <div class="save"><input type="submit" value="保存收货人信息" id="submit" onclick="getSubmit" class="tijiao"><input type="checkbox" class="gou"><a>添加常用地址</a></div>
		    </form>
		    <div class="car-line2">
				<div class="car-line2-2"></div>
			</div>
			<div class="pay">支付方式及配送</div>
			<div class="pay-text">
				<div class="left fl">
					<p>支付方式 : </p>
					<p>配送方式 : </p>
					<p>运费 : </p>
					<p>送货日期 : </p>
				</div>
				<div class="right">
					<p>在线支付</p>
					<p>普通快递</p>
					<p>0元</p>
					<p class="week">工作日／双休日与假日均可送货</p>
					<p class="normal">正常情况 商品生产至配送到您手中预计一周左右时间，支持送货上门</p>
				</div>
			</div>
			<div class="car-line3">
				<div class="car-line3-1"></div>
			</div>
			<div class="invoice">发票信息</div>
			<div class="invoice-no">订单发票：<a>无发票</a></div>
			<div class="car-line4">
				<div class="car-line4-1"></div>
			</div>	
			<div class="car-title"><p>商品清单</p></div>
			<div class="car-th">
				
				<div class="commdity fl">商品</div>
				<div class="name fl">名称</div>
				<div class="size fl">尺码</div>
				<div class="nump fl">数量</div>
				<div class="offer fl">优惠</div>
				<div class="pirce fl">单价</div>
			</div>
			<div class="car-td">
				
				<div class="img fl"><img src="images/car_13.jpg"></div>
				<div class="introduce fl">Santic森地客 春秋骑行服自行车骑行<br>长袖套装冬季骑行长裤男(含1件样衣)<p>性别：女</p></div>
				<div class="xl fl">XXL</div>
				<div class="numb fl">
					2
				</div>
				<div class="discount fl">9.5折</div>
				<div class="money fl">¥299.00</div>
				
				
				
				
			</div>
			<div class="car-td">
				<div class="img fl"><img src="images/car_13.jpg"></div>
				<div class="introduce fl">Santic森地客 春秋骑行服自行车骑行<br>长袖套装冬季骑行长裤男(含1件样衣)<p>性别：女</p></div>
				<div class="xl fl">XXL</div>
				<div class="numb fl">
					2
				</div>
				<div class="discount fl">9.5折</div>
				<div class="money fl">¥299.00</div>
			</div>
			<div class="note fl">客户备注 : <input type="text"></div>
			<div class="all fr">
				<div class="all-l fl"><p>2件商品合计 : </p>
					<p>优惠 : </p>
				</div>
				<div class="all-r fr"><p>¥99.00</p>
					<p>¥0.00</p>
				</div>
			</div>
			<div class="total-price"><p>总计（不含运费）: &nbsp;&nbsp;<a>¥146.00</a></p></div>
			<div class="clearing fr">去结算</div>
			
			</div>
			<div class="HomePageheadbottom">
				<div class="HomePageheadbottom-line">
					
				</div>
				<div class="HomePageheadbottom-list">
					<p>
						<img src="images/hp5.png"/>
						<span>100%个性定制</span>
					</p>
					<p>
						<img src="images/hp6.png"/>
						<span>100%正品保证</span>
					</p>
					<p>
						<img src="images/hp7.png"/>
						<span>7-14内发货</span>
					</p>
					<p>
						<img src="images/hp8.png"/>
						<span>365天客服热线</span>
					</p>
				</div>
				<div class="HomePageheadbottom-list1">
					<div class="HomePageheadbottom-list01">
						<h4>新手指南</h4>
						<p><a href="">用户注册</a></p>
						<p><a href="">在线帮助</a></p>
						<p><a href="">定制流程</a></p>
					</div>
					<div class="HomePageheadbottom-list01">
						<h4>支付方式</h4>
						<p><a href="">在线支付</a></p>
						<p><a href="">支付问题</a></p>
						
					</div>
					<div class="HomePageheadbottom-list01">
						<h4>配送方式</h4>
						<p><a href="">配送政策</a></p>
						<p><a href="">运费说明</a></p>
						<p><a href="">签收说明</a></p>
					</div>
					<div class="HomePageheadbottom-list01">
						<h4>售后服务</h4>
						<p><a href="">投诉建议</a></p>
						<p><a href="">正品承诺</a></p>
						<p><a href="">售后咨询</a></p>
					</div>
				</div>
				<div class="HomePageheadbottom-list2">
					<p>
						© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
					</p>
				</div>
			</div>
			
		</div>
	</body>
	<script type="text/javascript">
		function getSubmit(){
			var submit = document.getElementById("submit");
			submit.onclick = function(){
					window.open("pay.html");
				}
		}
	</script>
</html>
